import { createApp } from "vue";

import Cookies from "js-cookie";

import ElementPlus from "element-plus";
import locale from "element-plus/lib/locale/lang/zh-cn"; // 中文语言

import "@/assets/styles/index.scss"; // global css

import App from "./App";
import store from "./store";
import router from "./router";
// 注册指令
import plugins from "./plugins"; // plugins
import { download } from "@/utils/request";

// svg图标
import "virtual:svg-icons-register";
import SvgIcon from '@/components/SvgIcon'
import elementIcons from "@/components/SvgIcon/svgicon";
import "amfe-flexible";

const app = createApp(App);

// 全局方法挂载
app.config.globalProperties.download = download;

app.config.compilerOptions.isCustomElement = (tag) => {
  return tag.startsWith("wx-open-launch-weapp");
};
// 全局组件挂载
app.use(router);
app.use(store);
app.use(plugins);
app.use(elementIcons);
app.component('svg-icon', SvgIcon)

// directive(app)

// 使用element-plus 并且设置全局的大小
app.use(ElementPlus, {
  locale: locale,
  // 支持 large、default、small
  size: Cookies.get("size") || "default",
});

app.mount("#app");
